<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页布局</title>
</head>
<style>
    * {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .header {
        height: 36px;
        background-color: #333;
    }
    .center {
        height: 36px;
        width: 1090px;
        margin: 0 auto;
    }
    .header .logo {
        float: left;
        height: 36px;
        line-height: 36px;
        color: #CC9756;
        font-size: 12px;
        text-decoration: underline;
    }
    .header .nav {
        float: right;
        height: 36px;
    }
    .header .nav ul li {
        float: left;
        height: 36px;
        line-height: 36px;
        color: #ccc;
        font-size: 12px;
        margin-right: 5px;
    }
    .header .nav ul li:hover {
        color: #fff;
        cursor: pointer;
    }
    .header .nav ul li::before {
        content: '';
        display: inline-block;
        height: 16px;
        border-left: 1px solid #5c5c5c;
        vertical-align: middle;
        margin-right: 5px;
    }
    .header .nav ul li:first-child::before {
        height: 0;
    }
    .header .nav_ {
        border: 1px solid #333;
        margin-left: 8px;
        text-align: center;
        color: #333;
        display: none;
    }
    .header .nav ul li:nth-child(5) {
        box-sizing: border-box;
    }
    .header .nav ul li:nth-child(5):hover .nav_ {
        display: block;
    }
</style>
<body>
    <div class="container">
        <div class="header">
            <div class="center">
                <div class="logo">关于防止近期不法分子冒充客服实施诈骗的公告</div>
                <div class="nav">
                    <ul>
                        <li>登录/注册</li>
                        <li>我的订单</li>
                        <li>会员</li>
                        <li>甄选家</li>
                        <li>
                            <span>企业采购</span>
                            <div class="nav_">
                                <div>企业购</div>
                                <div>礼品卡</div>
                                <div>联系我们</div>
                            </div>
                        </li>
                        <li>客户服务</li>
                        <li>APP</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>
</html>